<script>
	import Vue from 'vue'
	import {Util} from '@/utils/util.js'
	import {ShopService} from '@/api/ShopService.js'
	
	export default {
		onLaunch: function() {
			ShopService.getShop().then(res=>{
				if(res){
					Util.setCache({key:"shopPhone",value:res.phone});
					Util.setCache({key:"appName",value:res.appName});
				}
			})
		},
		onShow: function() {
		},
		onHide: function() {
		}
	}
</script>

<style lang="scss">
	@import "colorui/main.css";
	@import "colorui/icon.css";
	page {background-color: #FFFFFF;}
	.green_thme{color:#39b54a}
	.oh{overflow: hidden;}
	.split-line {height: 10px;background: #f1f1f1;}
	.line {height: 1px;background: #f1f1f1;}
	.clear{clear: both;overflow: hidden;}
	.margin-top-10{margin-top:10rpx;}
	.margin-bottom-10{margin-bottom:10rpx;}
	.margin-left-10{margin-left:10rpx;}
	.margin-right-10{margin-right:10rpx;}
	.margin-top-20{margin-top:20rpx;}
	.margin-bottom-20{margin-bottom:20rpx;}
	.margin-left-20{margin-left: 20rpx;}
	.margin-right-20{margin-right:20rpx;}
	.margin-top-50{margin-top:50rpx;}
	.margin-bottom-50{margin-bottom:50rpx;}
	.margin-left-50{margin-left: 50rpx;}
	.margin-right-50{margin-right:50rpx;}
	.margin-top-100{margin-top:100rpx;}
	.margin-bottom-100{margin-bottom:100rpx;}
	.margin-left-100{margin-left: 100rpx;}
	.margin-right-100{margin-right:100rpx;}
	.main-color{color:#ed4217;}
	.main-bg-color{color:#ffffff;background-color: #ed4217;}

	// 优惠卷
	.coupon-list{padding:20rpx;}
	.coupon-list .item{height: 250rpx; margin-bottom: 20rpx;border-radius:10rpx;}
	.coupon-list .item .float-li{float:left;width:65%; height: 100%; border-right: 2rpx dashed rgba(255,255,255,.3)}
	.coupon-list .item .float-li-rig{float:right;padding-right: 20rpx; height:100%; color: #fff}
	 
	 
	.coupon-left{position: relative}
	.coupon-left .t{position: absolute; color: #fff}
	.coupon-left .t1{left: 40rpx;top: 70rpx; font-size: 40rpx;}
	.coupon-left .t2{left: 80rpx; top: 50rpx; font-size: 80rpx; font-weight: bold }
	.coupon-left .t3{left: 220rpx; top: 50rpx; width: 200rpx; font-size: 30rpx;text-align:center;}
	.coupon-left .t4{left: 50rpx; top:180rpx}
	 
	.coupon-rig .t{text-align: center}
	.coupon-rig .t1{font-size: 40rpx; padding: 30rpx 0 10rpx 0;}
	.coupon-rig .t3{padding-top:20rpx}
	.coupon-rig .t3 text{background: #fff; color: #333; border-radius: 7rpx; padding: 10rpx 40rpx}
	
	.stamp{position:relative;overflow:hidden}
	.stamp i{position: absolute;left: 20%;top: 90rpx;height: 500rpx;width: 700rpx;background-color: rgba(255,255,255,.15);transform: rotate(-30deg);}
	.stamp01{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #D24161 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #50ADD3}
	.stamp02{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #D24161 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #D24161}
	.stamp03{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #D24161 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #7EAB1E}
	.stamp06{background:radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30rpx, #e2e2e2 30rpx);background-size:10rpx 10rpx;background-position:9rpx 3rpx; background: #acacac}
</style>